<template>
    <Content>
      <Row :gutter="24">
        <Col span="16">
           <Card>
              <p slot="title">已发</p>
             <iframe id="show-iframe"  frameborder=0 name="showHere" width="99%" height="230" scrolling=auto src="http://www.stdaily.com/app/hfgxq/tcsamt_list.shtml"></iframe>
           </Card>
        </Col>
        <Col span="8">
          <Card title="稿件上传">
              <p style="padding-top: 10px">1.文本上传<Button @click=" uploadEditor = true " style="float: right" size="small"  type="primary" slot="extra">上传</Button></p>
              <p style="padding-top: 20px">2.新闻列表上传
                  <Button style="float: right" size="small" @click=" uploadNewsList = true "  type="primary" slot="extra">上传</Button>
                  <Modal v-model="uploadNewsList" title="新闻列表上传">
                      <Row>
                          <Col span="4">
                              <span style="font-size: 14px;font-weight: bold;line-height: 30px">URL地址：</span>
                          </Col>
                          <Col span="18">
                              <Input  placeholder="请输入要上传的新闻列表URL地址" />
                          </Col>
                      </Row>
                  </Modal>
              </p>
              <p style="padding-top: 20px">3.广告上传
                  <Button style="float: right"  size="small"  type="primary" slot="extra" @click=" adUpload = true ">上传</Button>
                  <Modal v-model="adUpload" title="广告上传">
                      <Row>
                          <Form :label-width="100">
                              <FormItem label="广告标题">
                                  <Input type="text" placeholder="请输入广告标题" />
                              </FormItem>
                              <FormItem label="广告图片">
                                  <Upload action="//jsonplaceholder.typicode.com/posts/">
                                      <Button icon="ios-cloud-upload-outline">上传广告图片</Button>
                                  </Upload>
                              </FormItem>
                              <FormItem label="广告链接">
                                  <Input type="text" placeholder="请输入广告URL" />
                              </FormItem>
                          </Form>
                      </Row>
                  </Modal>
              </p>
              <p style="padding-top: 20px">4.视频上传
                  <Button style="float: right" size="small"  type="primary" slot="extra" @click=" videoUpload = true ">上传</Button>
                  <Modal v-model="videoUpload" title="视频上传">
                      <Row>
                          <Col span="5">
                              <span style="font-size: 14px;font-weight: bold;line-height: 30px">视频链接地址：</span>
                          </Col>
                          <Col span="17">
                              <Input  placeholder="请输入要上传的视频链接地址" />
                          </Col>
                      </Row>
                  </Modal>
              </p>
              <p style="padding-top: 20px">5.API接口
                  <Button style="float: right" size="small"  type="primary" slot="extra" @click=" connect = true ">联系</Button>
                  <Modal v-model="connect" title="联系">
                      <Row>
                          <Col>
                              <h3>联系人:李腾飞</h3>
                              <h3>联系电话:13522868331</h3>
                          </Col>
                      </Row>
                  </Modal>
              </p>
              <p style="padding-top: 20px">6.展会视频专访直播
                  <Button style="float: right" size="small"  type="primary" slot="extra" @click=" connect = true ">联系</Button>

                  <Modal v-model="connect" title="联系">
                      <Row>
                          <Col>
                              <h3>联系人:李腾飞</h3>
                              <h3>联系电话:13522868331</h3>
                          </Col>
                      </Row>
                  </Modal>
              </p>

          </Card>

        </Col>

      </Row>
      <Row :gutter="24" style="margin-top: 20px">
        <Col span="16">
             <ManuscriptPush/>
        </Col>
          <Col span="8">
              <Card style="height: 300px">
                  <p slot="title">数据统计</p>
              </Card>
          </Col>
      </Row>
        <Modal fullscreen footer-hide v-model="uploadEditor"><TextEditor/></Modal>

    </Content>
</template>

<script>
    import TextEditor from './upload-editor/text-editor'
    import ManuscriptPush from './upload-editor/ManuscriptPush'
    export default {
        name: "MediaResources",
      data(){
          return{
                queryType:{},
                buttonType:['上传','上传','上传','联系','联系'],
                uploadEditor:false,//在线编辑Modal
                uploadNewsList:false ,//新闻列表上传Modal
                adUpload:false,
              videoUpload:false,
              connect:false
          }
      },
      components:{
          TextEditor,
          ManuscriptPush
      },
      methods:{

          queryUploadType(){
            let url=this.$url.baseUrl+'/consulting-library/api/manuscript/queryUploadType'
            this.$http({
              method:"POST",
              url:url,
                data:{}
            }).then(response =>{
              let result = response.data
              if(result.meta.success)
              this.queryType=response.data.data.list
            })
          },

      },
      created(){
          this.queryUploadType()
      },
      mounted(){

      }
    }
</script>

<style scoped>

</style>
